@function rrem ($args){
  @return ($args/200)+rem
};
.my-member{
  display: flex;
  flex: 1;
  flex-direction: column;
  position: relative;
  .w-100{
    width: 100%;
  }
  &-list-row{
    width:100%;
    overflow-x: hidden;
    padding-bottom: rrem(30);
    margin-bottom:rrem(30);
    border-bottom:1px dashed #fff;
    &:last-child{
      border-bottom:none;
    }
  }
  &-tab{
    padding:rrem(20) 0;
    border-bottom:1px solid #fff;
    display: flex;
    position: relative;
    z-index: 999;
    margin-top:rrem(150);
    width: 100%;
  }
  .tab-row{
    display: flex;
    height:rrem(60);
    flex: 1 ;
    justify-content: center;
    align-items: center;
    color:#fff;
    z-index: 999;
    padding:0 rrem(80);
    &:first-child{
      border-right: 1px solid #fff;
    }
  }
  .tab-img1{
    width: 100%;
    position: absolute;
    top:rrem(40);
  }
  .tab-btn{
    position: relative;
    width: 100%;
    font-size: rrem(36);
    color:#fff;
    &:after{
      transition:all .3s ease-out;
      content:"";
      position:absolute;
      bottom:-12px;
      left:0px;
      height:5px;
      width: 0%;
      background-color:#FFB03A;
    }
    &.active{
      &:after{
        width: 100%;
      }
    }
  }
  .tab-boll3{
    position: absolute;
    right:rrem(60);
    top:- rrem(100);
    width:rrem(82);
  }
  .tab-boll2{
    position: absolute;
    bottom:rrem(40);
    left:rrem(60);
    width: rrem(80);

  }
  .tab-boll1{
    position: absolute;
    width:rrem(48);
    left:rrem(16);
    top:rrem(2);
  }
  &-form{
    padding:rrem(30) rrem(60) 0 rrem(60);
    position: relative;
    z-index: 9999;
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .my-member-wrapper{
    overflow-y: scroll;
  }
  &-input-row{
    background-color: rgba(255,255,255,.8);
    height:rrem(100);
    display: flex;
    padding:0 rrem(24);
    position: relative;
    &:first-child{
      border-top-left-radius: 2px;
      border-top-right-radius: 2px;
      border-bottom:1px solid #4FB3F8;
    }
    &:last-child{
      border-bottom-right-radius: 2px;
      border-bottom-left-radius: 2px;
    }
  }
  .input-label{
    width: rrem(100);
    color:#bebec0;
    font-size: rrem(30);
    display: flex;
    align-items: center;

  }
  .my-member-input{
    width: rrem(350);
    font-size: rrem(32);
    padding-left: rrem(30);

    &::-webkit-input-placeholder{
      font-size: rrem(28);
      color:#999;
    }
    &::-moz-placeholder{
      font-size: rrem(28);
      color:#999;
    }
    &::-webkit-input-placeholder{
      font-size: rrem(28);
      color:#999;
    }
    &::-moz-placeholder{
      font-size: rrem(28);
      color:#999;
    }
    &:-ms-input-placeholder{
      font-size: rrem(28);
      color:#999;
    }
  }
  .apply-btn{
    height:rrem(100);
    width: 100%;
    border-radius: 2px;
    background: #f7b144;
    color:#fff;
    font-size: rrem(32);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top:rrem(30);
  }
  &-handle-row{
    margin-top:rrem(30);
    display: flex;
    justify-content: space-between;
    position: relative;
    button{
      color:#fff;
      font-size: rrem(32);
    }
    .my-member-line{
      position: absolute;
      bottom: rrem(-30);
      left:rrem(-60);
      width: 100vw;
      border-bottom:1px dashed #fff;
    }
  }
  &-info{
    font-size: rrem(32);
    display: flex;
    flex:1;
    align-items: center;
    padding-left: rrem(30);
  }

  &-discount-tip{
    padding:rrem(4);
    border-left:1px dashed #FFB03A;
    border-bottom:1px dashed #FFB03A;
    position: absolute;
    right:0;
    font-size: rrem(24);
    color:#64C0FF;
  }
  .discount-color{
    color:#FFB03A;
  }
  &-discount-tip-other{
    color: #999;
    .discount-color{
      color: #999;
    }
  }
  .no-member{
    width:100%;
  }
}
.check-detail-img{
  height:rrem(60);
  z-index: 99;
}
.conduct-row{
  margin-top:rrem(20);
  position: relative;
}
.conduct-img{
  width: 100%;
  margin-top:- rrem(50);
  animation:fly 4s infinite;
}
@keyframes fly {
  0%{
    margin-top:0;
  }
  50%{
    margin-top:- rrem(50);
  }
  100%{
    margin-top:0;
  }
}